import React from 'react'
import {Outlet,NavLink} from "react-router-dom"
import Header from "../../components/Header"
import  {childRouter} from "../../router/pages"
import "./style.scss"
function index() {
    return (
        <div className='wrap'>
            <Header></Header>
            <div className="main">
                <div className="left">
                        {
                            childRouter.map((v,i)=>{
                                return(
                                <NavLink key={i} to={v.path}>{v.name}</NavLink>
                                )
                            })
                        }
                </div>
                <div className="right">
                    <Outlet></Outlet>
                </div>
            </div>
            
        </div>
    )
}

export default index
